window.onload = function () {
  let login = JSON.parse(localStorage.getItem('login'))
  if (login == 1) {
    alert('请先登录')
    window.location.href = 'login.html'
  }
}
// 添加按钮
let sub = document.querySelector('.addCue-sub')
sub.addEventListener('click', function () {
  let TMU = JSON.parse(localStorage.getItem('TMU')) || []
  let an = ''
  let id = Math.floor(Math.random() * 99999)
  // console.log(id)
  // 判断添加题目的
  let textK = 1
  let textK1 = 1
  let addTextAll = document.querySelectorAll('#tet')
  let daAnI = document.querySelector('.answer input')
  let daAnT = document.querySelector('.answer textarea')
  // 选择填空题
  if (select.options[select.selectedIndex].text === '填空题') {
    if (daAnI.value === '' || addTextAll[0].value === '') {
      textK1 = 0
      textK = 1
    } else {
      an = daAnI.value
    }
  }
  // 选择选择题
  if (select.options[select.selectedIndex].text === '单选题') {
    for (tet of addTextAll) {
      if (tet.value === '') {
        textK = 0
      }
    }
    if (textK === 1) {
      an = dan.options[dan.selectedIndex].value
      console.log(an)
      console.log(dan.options[dan.selectedIndex].value)
    }
  }
  if (select.options[select.selectedIndex].text === '多选题') {
    for (tet of addTextAll) {
      if (tet.value === '') {
        textK = 0
      }
    }
    if (textK === 1) {
      an = duo.options[duo.selectedIndex].value
    }
  }
  // 选择简答题
  if (select.options[select.selectedIndex].text === '简答题') {
    console.log('选择的是简答题')
    if (daAnT.value === '' || addTextAll[0].value === '') {
      textK1 = 0
      textK = 1
    } else {
      an = daAnT.value
    }
  }
  // 开关的判断
  if (textK === 0 || textK1 === 0) {
    alert('请将题目添加完整')
  } else {
    let obj = {
      ID: id,
      type: select.options[select.selectedIndex].text,
      tg: addTextAll[0].value,
      A: addTextAll[1].value,
      B: addTextAll[2].value,
      C: addTextAll[3].value,
      D: addTextAll[4].value,
      Answer: an
    }
    TMU.push(obj)
    localStorage.setItem('TMU', JSON.stringify(TMU))
    console.log(TMU)
    qk('qk')
    XR()
  }
})

// 渲染函数
let tbody = document.querySelector('.add-Cue')
function XR() {
  tbody.innerHTML = ''
  let arr = JSON.parse(localStorage.getItem('TMU')) || []
  // 由于这里设置为0后面加取索引的时候要加一
  let i = 0
  for (mes of arr) {
    i++
    // 创建标签
    const tr = document.createElement('tr')
    if (mes.type === '简答题' || mes.type === '填空题') {
      tr.innerHTML = `
      <td><input type="text" value="${mes.ID}" disabled></td>
      <td><input type="text" value="${mes.type}" disabled class='mes-type'></td>
      <td><input type="text" value="${mes.tg}" class='mes-tg'></td>
      <td><input type="text" value="${mes.A}" class='mes-a' disabled></td>
      <td><input type="text" value="${mes.B}" class='mes-b' disabled></td>
      <td><input type="text" value="${mes.C}" class='mes-c' disabled></td>
      <td><input type="text" value="${mes.D}" class='mes-d' disabled></td>
      <td><input type="text" value="${mes.Answer}" class='mes-daan'></td>
      <td>
        <button class="cue-del" data-id=${i}>删除</button>
        <button class="cue-revise" data-id=${i}>修改</button>
      </td>
  `
      // 给tbody添加元素
      tbody.appendChild(tr)
    } else {
      tr.innerHTML = `
        <td><input type="text" value="${mes.ID}" disabled></td>
        <td><input type="text" value="${mes.type}" disabled class='mes-type'></td>
        <td><input type="text" value="${mes.tg}" class='mes-tg'></td>
        <td><input type="text" value="${mes.A}" class='mes-a'></td>
        <td><input type="text" value="${mes.B}" class='mes-b'></td>
        <td><input type="text" value="${mes.C}" class='mes-c'></td>
        <td><input type="text" value="${mes.D}" class='mes-d'></td>
        <td><input type="text" value="${mes.Answer}" class='mes-daan'></td>
        <td>
          <button class="cue-del" data-id=${i}>删除</button>
          <button class="cue-revise" data-id=${i}>修改</button>
        </td>
    `
      tbody.appendChild(tr)
    }
  }
}
// 页面打开渲染
XR()

// 删除题目函数
tbody.addEventListener('click', function (e) {
  // e.target.className点击时元素的类名
  console.log(e.target.className)
  // 获取本地的数据
  let arr = JSON.parse(localStorage.getItem('TMU')) || []

  // 删除判断
  if (e.target.className === 'cue-del') {
    console.log(1)
    if (confirm('确定删除吗？')) {
      // 删除arr里的元素从自定义id的数字（相当于数组的索引）删除一个
      arr.splice((e.target.dataset.id - 1), 1)
      console.log(arr)
      // 将删除的数组重新上传
      localStorage.setItem('TMU', JSON.stringify(arr))
      // 重新渲染
      XR()
    }
  }
  // 修改判断
  if (e.target.className === 'cue-revise') {
    let arr = JSON.parse(localStorage.getItem('TMU')) || []
    let type = document.querySelectorAll('.mes-type')
    let tg = document.querySelectorAll('.mes-tg')
    let a = document.querySelectorAll('.mes-a')
    let b = document.querySelectorAll('.mes-b')
    let c = document.querySelectorAll('.mes-c')
    let d = document.querySelectorAll('.mes-d')
    let danan = document.querySelectorAll('.mes-daan')
    console.log(type[(e.target.dataset.id) - 1].value)
    console.log(arr[(e.target.dataset.id) - 1])
    arr[(e.target.dataset.id) - 1].tg = tg[(e.target.dataset.id) - 1].value
    arr[(e.target.dataset.id) - 1].A = a[(e.target.dataset.id) - 1].value
    arr[(e.target.dataset.id) - 1].B = b[(e.target.dataset.id) - 1].value
    arr[(e.target.dataset.id) - 1].C = c[(e.target.dataset.id) - 1].value
    arr[(e.target.dataset.id) - 1].D = d[(e.target.dataset.id) - 1].value

    // 多选题判断
    if (type[(e.target.dataset.id) - 1].value === "多选题") {
      // 判断答案格式（这里存在一点点缺陷）
      if (danan[(e.target.dataset.id) - 1].value === "AB" || danan[(e.target.dataset.id) - 1].value === "AC" || danan[(e.target.dataset.id) - 1].value === "AD" || danan[(e.target.dataset.id) - 1].value === "ABC" || danan[(e.target.dataset.id) - 1].value === "ABD" || danan[(e.target.dataset.id) - 1].value === "ABCD" || danan[(e.target.dataset.id) - 1].value === "BC" || danan[(e.target.dataset.id) - 1].value === "BD" || danan[(e.target.dataset.id) - 1].value === "BCD" || danan[(e.target.dataset.id) - 1].value === "CD") {
        if (confirm('确定修改吗？')) {
          arr[(e.target.dataset.id) - 1].Answer = danan[(e.target.dataset.id) - 1].value
          localStorage.setItem('TMU', JSON.stringify(arr))
          console.log(arr[(e.target.dataset.id) - 1])
          alert('修改成功')
        }
      } else {
        alert('请修改成有效的答案。例如：AB')
      }
    }

    // 单选题判断
    if (type[(e.target.dataset.id) - 1].value === "单选题") {
      if (danan[(e.target.dataset.id) - 1].value === "A" || danan[(e.target.dataset.id) - 1].value === "B" || danan[(e.target.dataset.id) - 1].value === "C" || danan[(e.target.dataset.id) - 1].value === "D") {
        if (confirm('确定修改吗？')) {
          arr[(e.target.dataset.id) - 1].Answer = danan[(e.target.dataset.id) - 1].value
          localStorage.setItem('TMU', JSON.stringify(arr))
          alert('修改成功')
        }

      } else {
        alert('请修改成有效的答案。例如：A')
      }
    }
    // 简答题填空题判断
    if (type[(e.target.dataset.id) - 1].value === "简答题" || type[(e.target.dataset.id) - 1].value === "填空题") {
      if (confirm('确定修改吗？')) {
        arr[(e.target.dataset.id) - 1].Answer = danan[(e.target.dataset.id) - 1].value
        localStorage.setItem('TMU', JSON.stringify(arr))
        alert('修改成功')
      }
    }
    // 重新渲染
    XR()
  }
})



// 清空按钮
document.querySelector('.addCue-clear').addEventListener('click', function () {
  qk('qk')
})


// 下拉框内容判断
// 获取下拉框
let select = document.querySelector('#sele')
let duo = document.querySelector('#duo')
let dan = document.querySelector('#dan')
if (select.options[0]) {
  sub.disabled = true
}
// 下拉框变化
select.addEventListener('change', function () {
  // 被选择的option的文本
  if (select.options[select.selectedIndex].text === '') {
    sub.disabled = true
    xuanx(true)
    qk('qk')
    daAn('none', 'none', 'none', 'none')
  } else {
    sub.disabled = false
  }
  if (select.options[select.selectedIndex].text === '填空题') {
    daAn('none', 'none', 'inline', 'none')
    qk('qk')
    xuanx(false)
  }
  if (select.options[select.selectedIndex].text === "简答题") {
    xuanx(false)
    qk('qk')
    daAn('none', 'none', 'none', 'inline')
  }
  if (select.options[select.selectedIndex].text === "单选题") {
    daAn('none', 'inline', 'none', 'none')
    qk('qk')
    xuanx(true)
  }
  if (select.options[select.selectedIndex].text === "多选题") {
    daAn('inline', 'none', 'none', 'none')
    xuanx(true)
    qk('qk')
  }
})
// 清空函数
function qk(b) {
  let tg = document.querySelector('.addTopic tr .tg textarea')
  let A = document.querySelector('.addTopic tr .xxA textarea')
  let B = document.querySelector('.addTopic tr .xxB textarea')
  let C = document.querySelector('.addTopic tr .xxC textarea')
  let D = document.querySelector('.addTopic tr .xxD textarea')
  let TK = document.querySelector('.addCue-type #xuanze')
  let JD = document.querySelector('.addCue-type textarea')
  if (b === "qk") {
    A.value = ''
    B.value = ''
    C.value = ''
    D.value = ''
    tg.value = ''
    TK.value = ''
    JD.value = ''
  }
}
// 选项显示函数
function xuanx(e) {
  let A = document.querySelector('.addTopic tr .xxA textarea')
  let B = document.querySelector('.addTopic tr .xxB textarea')
  let C = document.querySelector('.addTopic tr .xxC textarea')
  let D = document.querySelector('.addTopic tr .xxD textarea')
  if (!e) {
    A.style.display = 'none'
    B.style.display = 'none'
    C.style.display = 'none'
    D.style.display = 'none'
  } else {
    A.style.display = 'inline'
    B.style.display = 'inline'
    C.style.display = 'inline'
    D.style.display = 'inline'
  }
}
// 答案样式的显示函数
function daAn(a, b, c, d) {
  // 获取元素
  let tiank = document.querySelector('.addCue-type input')
  let dan = document.querySelector('.addCue-type #dan')
  let duo = document.querySelector('.addCue-type #duo')
  let text = document.querySelector('.addCue-type textarea')
  duo.style.display = a
  dan.style.display = b
  tiank.style.display = c
  text.style.display = d
}



